<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>不学也通</title>
  <style>
    .link-secondary {
      text-decoration: none;
    }

    .link-secondary:hover {
      color: #0d6efd !important;
    }
  
  </style>
</head>

<body>
  <!--container是bootstrap的居中窄的显示方案-->
  <div class="container bg-info">
    <div class="row">
      <div class="col-md-2 leftmenu" id="leftmenu">
      </div>
      <div class="col-md-9 kc ms-3">
        <div class="row mt-3 pb-1 border-bottom border-secondary">
        <div class="col-md-2">添加课程</div>
        <div class="col-md-1 offset-md-8">
            <a class="nav-link link-success" href="./index.html">返回</a>
        </div>
        </div>
        <div class="row">
            <form>
                <div class="mb-3 row">
                    <label for="coure-name" class="col-sm-2 col-form-label">课程编号</label>
                    <div class="col-sm-10">
                      <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="">
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="coure-name" class="col-sm-2 col-form-label">课程名称</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="coure-name">
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="coure-departemnt" class="col-sm-2 col-form-label">院系:</label>
                    <div class="col-sm-10">
                      <select class="form-select" name="" id="course-department">
                        <option selected>--请选择院系--</option>
                        <option value="1">计算机科技与应用</option>
                        <option value="2">中文系</option>
                        <option value="3">教育系</option>
                        <option value="4">音乐系</option>
                        <option value="5">美术系</option>
                      </select>
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <label for="coure-teacher" class="col-sm-2 col-form-label">教师:</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="coure-departemnt">
                    </div>
                  </div>
                  <div class="mb-3 row">
                    <div  class="col-sm-12">
                        <button type="submit" class="btn btn-outline-primary">提交</button>
                    </div>
                  </div>
            </form>
        </div>
      </div>
    </div>
  </div>
  <script type="module" src="../js/main.js"></script>
  <script src="../js/jquery.min.js"></script>
  <script src="../js/common.js"></script>
  <script>
    $(document).ready(function () {
      //当用户点击class是nav-tab的标签给该表签（添加之前删除所有active类）添加active类
      $(".nav-tab").click(function (e) {
        //删除nav-tab所有active类
        $(".nav-tab").removeClass("active");
        //给点击的标签添加active类
        $(this).addClass("acctive")
      })
    })
  </script>
  <div class="position-fixed bottom-0 end-0">
    <div class=" text-primary form-control rounded-pill mb-3"><i class="bi bi-megaphone-fill"></i>
      更新公告</div>
    <div class=" text-primary form-control rounded-pill mb-3"><i class="bi bi-question-square-fill"></i>
      使用帮助</div>
    <div class=" text-primary form-control rounded-pill mb-3"><i class="bi bi-person-circle"></i>
      联系客服</div>
    <div class=" text-primary form-control rounded-pill mb-3"><i class="bi bi-arrow-up-circle"></i>
      返回顶部</div>
  </div>

</body>

</html>